/*
 * Copyright © 2017 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*/

@import '../../../styles/variables.scss';
@import '../ServicesTable/ServicesTable.scss';

$platform_section_border_color: lightgray;
$loading_container_bg_color: #eeeeee;

.platform-details {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  &.loading {
    height: $height_of_conent;
    background: $loading_container_bg_color;
    margin-top: 27px;
  }

  .generic-details {
    &.hbase {
      > div {
        &:nth-child(2) {
          height: 50%;
        }
      }
    }
    &.hdfs {
      flex-direction: row;
    }
  }

  .nav.nav-tabs {
    border-bottom: 0;
    width: 100%;

    .nav-item {
      margin-bottom: 0;
      height: 100%;
      .nav-link {
        font-size: 15px;
        padding-top: 0;
        cursor: pointer;
        padding-bottom: 0;

        &.active {
          border: 0;
          font-weight: bold;
          border-bottom: 4px solid $cdap_orange;
          height: 100%;
          background: transparent;
        }
        &:hover {
          border: 0;
          font-weight: bold;
          &.active {
            border-bottom: 4px solid $cdap_orange;
          }
        }
      }
    }
  }
  .tab-content {
    background: $cdap-white;
    padding: 25px;
    width: 100%;
    height: $height_of_conent;
    border: 1px solid $platform_section_border_color;

    .tab-pane {
      height: 100%;
      overflow: auto;
    }
  }
}
